﻿#imgBox {
	width:500px;
	overflow:hidden;
}

#imgShow {
	width:500px;
	height:370px;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#imgNavi {
	width:500px;
	text-align:center;
}

#imgShow div.imgElem {
	z-index:-1;
}

#imgShow div.prev {
	width:50%;
	height:100%;
	
	background:url("../images/bg_1x1.png") repeat scroll 0 0 transparent;
	
	cursor:url("http://img1.cache.netease.com/cnews/img/gallery11/bg11.cur"), default;
	top:0;
	left:0;
	position:absolute;
}

#imgShow div.next {
	width:50%;
	height:100%;
	
	background:url("../images/bg_1x1.png") repeat scroll 0 0 transparent;
	
	cursor:url("http://img1.cache.netease.com/cnews/img/gallery11/bg12.cur"), default;
	top:0;
	right:0;
	position:absolute;
}

#imgShow div.loading {
	width:37px;
	height:37px;
	background:url("../images/loading.gif") no-repeat scroll 0 0 transparent;
	top:50%;
	left:50%;
	margin:-19px 0 0 -19px;
	position:absolute;
}

#imgNavi div.leftNav {
	float:left;
	width:4%;
	margin-top:19px;
}

#imgNavi div.rightNav {
	float:right;
	width:4%;
	margin-left:-5px;
	margin-top:19px;
}

#imgNavi div.thumbNav {
	float:left;
	width:92%;
}

#imgNavi div.leftNav a.navLeft,
#imgNavi div.rightNav a.navRight {
	width:20px;
	height:65px;
	cursor:pointer;
	display:block;
	outline:medium none;
	background-image: url("../images/lightNav.png");
}

#imgNavi div.leftNav a.navLeft {
	background-position: 0 0;
}

#imgNavi div.leftNav a.navLeft:hover {
	background-position: -21px 0;
}

#imgNavi div.rightNav a.navRight {
	background-position: -42px 0;
}

#imgNavi div.rightNav a.navRight:hover {
	background-position: -63px 0;
}

#imgNavi div.thumbNav div.thumbImg {
	height:80px;
	margin:15px;
	position:relative;
	overflow:hidden;
}

#imgNavi div.thumbNav div.thumbScroll {
	margin:0 18px;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg {
	float:left;
	min-height:1px;
	width:100%;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct {
	background:url("../images/scroll_bg.jpg") repeat-x scroll 0 0 transparent;
	height:20px;
	margin:0 3px;
	padding-top:4px;
	position:relative;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a {
	cursor:default;
	display:block;
	outline:medium none;
	position:absolute;
	width:36px;
	left:0;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a b.btn_lt {
	width:10px;
	height:15px;
	float:left;
	margin-right:-10px;
	background:url("../images/scroll_bn.png") no-repeat scroll 0 0 transparent;
	background-position:0 0;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a:hover b.btn_lt {
	background-position:0 -16px;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a b.btn_rt {
	width:10px;
	height:15px;
	float:right;
	margin-left:-10px;
	background:url("../images/scroll_bn.png") no-repeat scroll 0 0 transparent;
	background-position:-26px 0;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a:hover b.btn_rt {
	background-position:-26px -16px;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a span.btn_bg {
	float:left;
	width:100%;
	min-height:1px;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a span.btn_bg span {
	height:15px;
	margin:0 10px;
	display:block;
	background:url("../images/scroll_bn.png") repeat-x scroll 0 -32px transparent;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a:hover span.btn_bg span {
	background-position:0 -48px;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a span.btn_bg span b.btn_ct {
	width:14px;
	height:15px;
	margin:auto;
	display:block;
	background:url("../images/scroll_bn.png") no-repeat scroll 0 0 transparent;
	background-position:-11px 0;
}

#imgNavi div.thumbNav div.thumbScroll div.scl_bg div.scl_ct a:hover span.btn_bg span b.btn_ct {
	background-position:-11px -16px;
}

#imgNavi div.thumbNav div.clearfix span.scl_lt {
	background-image: url("../images/scroll_l.png");
	float:left;
	height:20px;
	margin-right:-3px;
	width:3px;
}

#imgNavi div.thumbNav div.clearfix span.scl_rt {
	background-image: url("../images/scroll_r.png");
	float:right;
	height:20px;
	margin-left:-3px;
	width:3px;
}

#imgNavi div.thumbNav div.thumbImg ul {
	margin:0;
	padding:0;
	top:0;
	left:0;
	height:75px;
	list-style-type:none;
	position:absolute;
	overflow:hidden;
}

#imgNavi div.thumbNav div.thumbImg ul li {
	float:left;
	margin-left:6px;
}

#imgNavi div.thumbNav div.thumbImg ul li a,
#imgNavi div.thumbNav div.thumbImg ul li a img {
	display:block;
	width:100px;
	height:75px;
	outline:medium none;
}

#imgNavi div.thumbNav div.thumbImg ul li.active a {
	border: 1px solid #EE001A;
	width:98px;
	height:73px;
	overflow:hidden;
}